<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>1-css 基础</title>
    <style></style>
  </head>
  <body>
    <h1>css基础</h1>
    <h3>css是层叠样式表</h3>
    <div>
      <p>1. 层叠： 权重 继承 特殊性</p>
      <p>2. 样式： 字体 颜色 大小 背景 边框 定位 浮动</p>
      <p>3. 选择器： 标签 类名 伪类 伪元素 通配符</p>
    </div>

    <h3>css的引入方式</h3>
    <div>
      <p>1. 行内样式： 在标签中使用style属性</p>
      <p>2. 内部样式： 在head标签中使用style标签</p>
      <p>3. 外部样式： 在head标签中使用link标签</p>
    </div>

    <h3>css的选择器</h3>
    <div>
      <p>1. 标签选择器： 标签名{属性:值;}</p>
      <p>2. 类选择器： .类名{属性:值;}</p>
      <p>3. id选择器： #id名{属性:值;}</p>
    </div>
  </body>
</html>
